{extend name="default/template/base_index" /}

{block name="area_header"}
<script type="text/javascript" src="__CDN__/jquery-validation/1.13.1/jquery.validate.min.js"></script>
<script type="text/javascript" src="__CDN__/jquery-validation/1.13.1/localization/messages_zh.min.js"></script>
<style type="text/css">
	input.error {	border: 1px solid red; }
	label.checked {	padding-left: 25px;	}
	.w80{ width:71px !important; }
	.inline{ display: inline-block !important; }
	label.error {
		padding-left: 25px;
		padding-bottom: 2px;
		font-weight: bold;
		color: #EA5200;
	}
</style>
{/block}

{block name="area_body"}
{include file="default/Widget/topbar" /}
<div class="admin-main container-fluid">
	{include file="default/Widget/left" /}
	<div class="admin-main-content">
		{include file="default/Widget/breadcrumb" /}
		<div class="margin-sm clearfix">
			<a class="btn btn-default btn-sm" href="{$_g_ret_url}" target="_self"><i class="fa fa-reply"></i>返回</a>

		</div>
		<ul class="nav nav-tabs">
			<li class="active" ><a href="#base" data-toggle="tab">1. 基本信息</a></li>


		</ul>

		<div class="tab-content">
			<div class="tab-pane fade in active" id="base">
				<!-- 带验证 form -->
				<form id="registerForm" class="form-horizontal well validateForm">
					<fieldset>
						<div class="form-group">
							<label class="col-md-2 col-lg-2 control-label">用户真实照片</label>
							<div class="col-md-10 col-lg-10">
								<div class="h4">
									<img class="m-avatar" src="{$userinfo.real_photo}" />
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-2 col-lg-2 control-label">用户登录账号</label>
							<div class="col-md-10 col-lg-10">
								<div class="h4">{$userinfo.username}</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-2 col-lg-2 control-label">用户手机号</label>
							<div class="col-md-10 col-lg-10">
								<div class="h4">{$userinfo.mobile}</div>
							</div>
						</div>

						<div class="form-group">
							<label class="col-md-2 col-lg-2 control-label">用户昵称</label>
							<div class="col-md-10 col-lg-10">
								<div class="h4">{$userinfo.nickname}</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-2 col-lg-2 control-label">名族</label>
							<div class="col-md-10 col-lg-10">
								<div class="h4">{$userinfo.nation}</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-2 col-lg-2 control-label">政治面貌</label>
							<div class="col-md-10 col-lg-10">
								<div class="h4">{$userinfo.climate}</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-2 col-lg-2 control-label">学历</label>
							<div class="col-md-10 col-lg-10">
								<div class="h4">{$userinfo.education}</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-2 col-lg-2 control-label">现居住地</label>
							<div class="col-md-10 col-lg-10">
								<div class="h4">{$userinfo.residence}</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-2 col-lg-2 control-label">身份证号</label>
							<div class="col-md-10 col-lg-10">
								<div class="h4">{$userinfo.idnumber}</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-2 col-lg-2 control-label">邮箱</label>
							<div class="col-md-10 col-lg-10">
								<div class="h4">{$userinfo.email}</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-2 col-lg-2 control-label">性别</label>
							<div class="col-md-10 col-lg-10">
								<div class="h4">	{$userinfo.sex == 0 ? "女":"男"}</div>
							</div>
						</div>

						<div class="form-group">
							<label class="col-md-2 col-lg-2 control-label">注册时间</label>
							<div class="col-md-10 col-lg-10">
								<div class="h4">	{$userinfo['reg_time']|date='Y-m-d H:i:s',###}</div>
							</div>
						</div>


					</fieldset>
				</form>
				<!-- form -->
			</div>


			<div class="tab-pane fade" id="order">
				TODO: 用户订单信息
			</div>
		</div>


	</div>
	<!-- END admin-main-content -->
</div>
<!-- END admin-main-->
{/block}

{block name="area_footer"}

<script type="text/javascript">
    $(function() {
    	var active_tab = '{$active|default=""}';
    	if(active_tab) $('.nav a[href="#'+active_tab+'"]').tab('show');
    }); //end ready
</script>

{/block}